
.separate-bg-color-one {
    background-image: linear-gradient(354deg, #545541, #6c7b44, #84a245, #9ccc43)
}

.separate-post-title {
    -webkit-tap-highlight-color: transparent;
    font-family: "Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    line-height: 2.4rem;
    color: #eee;
    font-weight: 650;
    font-size: 2.4rem;
    text-shadow: rgba(0,0,0,.7) 1px 1px 3px;
    padding-top: 10rem;
}

.separate-post-message {
    font-family: "Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    color: #eee;
    font-size: 1.025rem;
    font-weight: 250;
    text-shadow: rgba(0,0,0,.7) 1px 1px 3px;
}


.jumbotron {
    font-family: "Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}



.separate-post-img {
    background-size:cover;
    min-width: 100%;
    max-width: 100%;
}



/* 导航栏中的A标签之类的 */
.separate-nav-a {
    color: #ffffff;
    opacity: 0.95;
    font-size: 1.2rem;
    text-decoration:none;
}
.separate-nav-a:hover {
    color: #ffffff;
    opacity: 1;
    text-decoration:none;
    
}
/* 导航栏中的A标签之类的 */


.separate-nav-li {
    background-color: transparent;
    list-style-type:none;
}
.separate-nav-li:hover {
    background-color: transparent;
    list-style-type:none;
}

.separate-img {
    max-width: 100%;
    max-height: 100%;
}
/* 特点介绍中的样式 */
.separate-text {
    color: #961d2c;
}

.separate-bg-color {
    background-color: #961d2c;
}
/* 特点介绍中的样式 */


/* 向上跳动的动画 */
.separate-bounce {
    position: relative;
}
.separate-bounce:hover {
    animation-name: dh-bounce;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
@keyframes dh-bounce {
    0% {
        position: relative;
        bottom: 0.1rem; 
    }
    100% {
        position: relative;
        bottom: 1rem;
    }
}
/* 向上跳动的动画 */




.separate-img-amplification {
    position: relative;
}
.separate-img-amplification:hover {
    animation-name: dh-img-amplification;
    animation-duration: 0.7s;
    animation-fill-mode: forwards;
}
@keyframes dh-img-amplification {
    0% {
        transform: scale(1);
        object-fit:cover;
    }
    100% {
        transform: scale(1.5);
        object-fit:cover;
    }
}
